<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../../icon/iconfont.css">
    <link rel="stylesheet" href="../css/gamelist.css">
    <title>游戏列表</title>
</head>
<body>
    <div class="web">
        <header>
            <div class="head-top">
                <img src="../../src/pangtanglogo.png" alt="1">
                <ul>
                    <li>
                        <p class="p1">
                            <a href="../../index.html">首页</a>
                        </p>
                        <p class="p2">
                            <a href="../../index.html">home</a>
                        </p>
                    </li>
                    <li class="line">
                        <p class="p1">
                            <a href="#">游戏</a>
                        </p>
                        <p class="p2">
                            <a href="#">game</a>
                        </p>

                        <div class="Xline">
                            <i class="iconfont iconxiantiao"></i>
                        </div>
                        <div class="Xline1">
                            <i class="iconfont iconxiantiao"></i>
                        </div>
                    </li>
                    <li>
                        <p class="p1">
                            <a href="./gaming.html">案例</a>
                        </p>
                        <p class="p2">
                            <a href="./gaming.html">Case</a>
                        </p>
                    </li>
                    <li>
                        <p class="p1">
                            <a href="#">关于我们</a>
                        </p>
                        <p class="p2">
                            <a href="#">About us</a>
                        </p>
                    </li>
                </ul>
                <div class="weiboicon ">
                    <i class="iconfont iconweibo"></i>
                </div>
            </div>
        </header>

        <section>
            <div class="gamelistpic">
                <img src="../../src/2big.png" alt="1">
            </div>

            <div class="gamelisttop">
                <div>
                    <p>狂转游戏</p>
                    <p>Turn mad game</p>
                </div>
                <div>
                    <p>抽奖游戏</p>
                    <p>Lottery game</p>
                </div>
            </div>

            <div class="gamelisttwo">
                <input type="button" value="ALL">
                <input type="button" value="最新游戏">
                <input type="button" value="最热游戏">
                <input type="button" value="购买最多">
            </div>

            <img src="../../src/2mogu.png" alt="">
            <img src="../../src/2shou.png" alt="">
            <img src="../../src/2left.png" alt="">


            <div class="gamecontent">
                <div class="game">
                    <div class="gametop">
                        <p>剑圣传奇</p>
                        <p>2014-07-09</p>
                        <p>使用次数：20</p>
                        <hr>
                        <input type="button" value="购买">
                        <div class="star"><i class="iconfont iconstar"></i></div>
                    </div>
                    <div class="gamebottom">
                        <img src="../../src/2-1pic.png" alt="">
                    </div>                 
                </div>
                <div class="game">
                    <div class="gametop">
                        <p>剑圣传奇</p>
                        <p>2014-07-09</p>
                        <p>使用次数：20</p>
                        <hr>
                        <input type="button" value="购买">
                        <div class="star"><i class="iconfont iconstar"></i></div>
                    </div>
                    <div class="gamebottom">
                        <img src="../../src/2-2pic.png" alt="">
                    </div>                 
                </div>
                <div class="game">
                    <div class="gametop">
                        <p>剑圣传奇</p>
                        <p>2014-07-09</p>
                        <p>使用次数：20</p>
                        <hr>
                        <input type="button" value="购买">
                        <div class="star"><i class="iconfont iconstar"></i></div>
                    </div>
                    <div class="gamebottom">
                        <img src="../../src/2-3pic.png" alt="">
                    </div>                 
                </div>
                <div class="game">
                    <div class="gametop">
                        <p>剑圣传奇</p>
                        <p>2014-07-09</p>
                        <p>使用次数：20</p>
                        <hr>
                        <input type="button" value="购买">
                        <div class="star"><i class="iconfont iconstar"></i></div>
                    </div>
                    <div class="gamebottom">
                        <img src="../../src/2-4pic.png" alt="">
                    </div>                 
                </div>
                <div class="game">
                    <div class="gametop">
                        <p>剑圣传奇</p>
                        <p>2014-07-09</p>
                        <p>使用次数：20</p>
                        <hr>
                        <input type="button" value="购买">
                        <div class="star"><i class="iconfont iconstar"></i></div>
                    </div>
                    <div class="gamebottom">
                        <img src="../../src/2-5pic.png" alt="">
                    </div>                 
                </div>
                <div class="game">
                    <div class="gametop">
                        <p>剑圣传奇</p>
                        <p>2014-07-09</p>
                        <p>使用次数：20</p>
                        <hr>
                        <input type="button" value="购买">
                        <div class="star"><i class="iconfont iconstar"></i></div>
                    </div>
                    <div class="gamebottom">
                        <img src="../../src/2-6pic.png" alt="">
                    </div>                 
                </div>
                <div class="game">
                    <div class="gametop">
                        <p>剑圣传奇</p>
                        <p>2014-07-09</p>
                        <p>使用次数：20</p>
                        <hr>
                        <input type="button" value="购买">
                        <div class="star"><i class="iconfont iconstar"></i></div>
                    </div>
                    <div class="gamebottom">
                        <img src="../../src/2-7pic.png" alt="">
                    </div>                 
                </div>
                <div class="game">
                    <div class="gametop">
                        <p>剑圣传奇</p>
                        <p>2014-07-09</p>
                        <p>使用次数：20</p>
                        <hr>
                        <input type="button" value="购买">
                        <div class="star"><i class="iconfont iconstar"></i></div>
                    </div>
                    <div class="gamebottom">
                        <img src="../../src/2-8pic.png" alt="">
                    </div>                 
                </div>
                <div class="game">
                    <div class="gametop">
                        <p>剑圣传奇</p>
                        <p>2014-07-09</p>
                        <p>使用次数：20</p>
                        <hr>
                        <input type="button" value="购买">
                        <div class="star"><i class="iconfont iconstar"></i></div>
                    </div>
                    <div class="gamebottom">
                        <img src="../../src/2-9pic.png" alt="">
                    </div>                 
                </div>
            </div>

            <div class="number">
                <div><p>&lt;</p></div>
                <div><p>1 2 3 4 5 6 ······ 12</p></div>
                <div><p>&gt;</p></div>
            </div>
        </section>

        <footer>
            <div class="bgimg">
                <p>Copyright © 2014 Pangtang. All Rights Reserved. 版权所有</p>
            </div>
        </footer>
    </div>
</body>
</html>